<!DOCTYPE html>
<html>
<head>
  <title>合同管理</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- Bootstrap -->
  <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <link href="../css/docs.css" rel="stylesheet" media="screen">
  <link href="../css/mycss.css" rel="stylesheet" media="screen">

  <style type="text/css">
  .bs-docs-example:after {
    content: "合同管理"
  }

  </style>

</head>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-datetimepicker.js"></script>
<body >

<div class="header">
  <div class="fl">
    <img src="../img/logo_yizhi.jpg">
  </div>
  <div class="fl">  
    <h3>上海熠智流体控制设备有限公司信息管理系统</h3>
    <h5></h5>
  </div>
  <div class="fr">
    欢迎您：王XX&nbsp;（管理员1）&nbsp;&nbsp;<a href="#">退出登录</a>
  </div>
</div>


<div class="navbar" >
      <div class="navbar-inner">

        <ul class="nav">
           <li><img src="../img/logo_yizhi.jpg" width="100px" height="100px" ></li>
          <li class="divider-vertical"></li>
          <li><a href="../menu/project.html" >项目管理</a></li>
          <li class="divider-vertical"></li>
          <li class="active"><a href="../menu/contract_list.html">合同管理</a></li>

        <!--生产管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown">
          
          <a id="productMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">生产管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="../menu/product_list.html">产品列表</a></li>
            <li><a tabindex="-1" href="../menu/component_apply_list.html">配件申请</a></li>
          </ul>
        </li>
         
          <li class="divider-vertical"></li>
        <li class="dropdown">
          <a id="dropdownMenu1" class="dropdown-toggle" data-toggle="dropdown" href="#">仓库管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li><a tabindex="-1" href="../menu/produce_requirement.html">处理生产需求</a></li>
            <li><a tabindex="-1" href="../menu/purchase_apply_list.html">采购申请单</a></li>
            <li><a tabindex="-1" href="../menu/storage_management.html">库存管理</a></li>
          </ul>
        </li>
        
        <li class="divider-vertical"></li>
        <li ><a href="purchase_management.html">采购管理</a></li>
        <li class="divider-vertical"></li>
        <li class="dropdown">

            <a id="dropdownMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">财务管理<b class="caret"></b></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
              <li><a tabindex="-1" href="../menu/expense_apply_list.html">报销申请</a></li>
              <li><a tabindex="-1" href="../menu/purchase_check_list.html">采购审批</a></li>
              <li><a tabindex="-1" href="../menu/expense_check_list.html">报销审批</a></li>
              <li><a tabindex="-1" href="../menu/account_list.html">进出账</a></li>
            </ul>

          </li>
          <li class="divider-vertical"></li>
          <li><a href="../menu/user_list.html">用户管理</a></li>
          <li class="divider-vertical"></li>
        </ul>
      </div>
 </div>


 


<div >
    
      <form >

           <div class="form-actions">

           <div  class='row'>

            <div class='span4'>
               <div class='row'>
                  <span class=" span2 text-center">合同编号</span>
                   <input class="span2"  type="text" placeholder="合同编号">
               </div>
            </div>

            <div class='span4'>
                <div class='row'>
                  <span class=" span2 text-center">客户名称</span>
                  <input class="span2"  type="text" placeholder="客户名称">
                </div>
            </div>

            <div class='span4'>
              <div class='row'>
                <span class=" span2 text-center">合同金额</span>
                <input class="span2"  type="text" placeholder="合同金额">
              </div>
            </div>
           
          </div>


          <div  class='row'>

            <div class='span4'>
               <div class='row'>
                  <span class=" span2 text-center">联系人</span>
                   <input class="span2"  type="text" placeholder="联系人">
               </div>
            </div>

            <div class='span4'>
                <div class='row'>
                  <span class=" span2 text-center">备注</span>
                  <input class="span2"  type="text" placeholder="备注">
                </div>
            </div>

            <div class='span4'>
              <div class='row'>
                <span class=" span2 text-center">状态</span>
                   <select class="span2">
                      <option value="">请选择</option>
                      <option value="">已签约</option>
                      <option value="">已发货</option>
                      <option value="">货款收齐</option>

                    </select>             
               </div>
            </div>
           
          </div>
           


            <button type="button" class="btn btn-primary">查询</button>

              <button type="button" class="btn">清空</button>


              <a href="./contract_add.html" role="button" class="btn btn-primary" >新建合同</a>


        </div>







<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">合同列表</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
<table class="table table-hover table-bordered ">
            <tr><th>合同编号</th><th>客户</th><th>合同金额</th><th>签约时间</th><th>联系人</th><th>合同状态</th><th>备注</th><th>操作</th></tr>
             <tr><td>ccc-1</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label">已签约</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认发货</a></td></tr>
            <tr><td>ccc-2</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label">已签约</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认发货</a></td></tr>
            <tr><td>ccc-3</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label">已签约</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认发货</a></td></tr>
            <tr><td>ccc-4</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-info">已发货</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认收款完成</a></td></tr>
            <tr><td>ccc-5</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-info">已发货</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认收款完成</a></td></tr>
            <tr><td>ccc-6</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-info">已发货</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认收款完成</a></td></tr>
            <tr><td>ccc-7</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-info">已发货</span></td><td>无</td><td><a href="../menu/contract_edit.html">编辑&nbsp;|</a><a href="#edit_project" data-toggle="modal">查看</a><a> |确认收款完成</a></td></tr>
            <tr><td>ccc-8</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-success">货款收齐</span></td><td>无</td><td><a href="#edit_project" data-toggle="modal">查看</a></td></tr>
            <tr><td>ccc-9</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-success">货款收齐</span></td><td>无</td><td><a href="#edit_project" data-toggle="modal">查看</a></td></tr>
            <tr><td>ccc-10</td><td>XXXXXXXXXX公司</td><td>8800.00</td><th>2012-6-20</th><td>张先生 139000000</td><td><span class="label label-success">货款收齐</span></td><td>无</td><td><a href="#edit_project" data-toggle="modal">查看</a></td></tr>

          </table>    
      </div>
   
  </div>
</div>

          
      </form>
  </div>
  <ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; 上一页</a>
  </li>
  第1页 /共5页49条记录
     <li class="next">    
     <a href="#">下一页 &rarr;</a>
  </li>
</ul>




<div id="edit_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h4 id="myModalLabel">合同详细信息</h4>
    </div>


<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">合同基本信息</a></li>
  <li><a href="#profile">产品信息</a></li>
  <li><a href="#messages">采购信息</a></li>
  <li><a href="#settings">利润信息</a></li>
</ul>
 
<div class="tab-content modal-body">
  <div class="tab-pane active" id="home">


<table class="table table-hover table-bordered" id="contractTab">
                <tr><th>客户名称：</th><td>张三</td><th>证件类型：</th><td>身份证</td></tr>
                <tr><th>证件号：</th><td>341112258797687451</td><th>签约人：</th><td>周到</td></tr>
                <tr><th>合同名称：</th><td>希望合同</td><th>合同编号：</th><td>c-001</td></tr>
                <tr><th>合同金额：</th><td>100000.00</td><th>预付金额：</th><td>30000.00</td></tr>
                <tr><th>签约时间：</th><td>2015-06-20</td><th>交货时间：</th><td>2015-07-20</td></tr>
                <tr><th>联系电话：</th><td>021-2258167</td><th>地址：</th><td>上海浦东新区</td></tr>
                <tr><th>销售经理：</th><td>张三</td><th>合同状态</th><td><span class="label">已签约</span></td></tr>

              </table>
  </div>
  <div class="tab-pane" id="profile">
     <table class="table table-hover table-bordered" id="contractTab">
                <tr><th>产品名称</th><th>产品类型</th><th>产品描述</th><th>需求数量</th><th>金额</th><th>状态</th></tr>
                <tr><td>机器人</td><td>直销</td><td>花样</td><td>1</td><td>20000.00</td><td><span class="label label-info">生产中</span></td></tr>
                 <tr><td>水泵</td><td>转售</td><td>花样</td><td>1</td><td>20000.00</td><td><span class="label label-success">已发货</span></td></tr>
                <tr><td>水泵2</td><td>转售</td><td>花样</td><td>1</td><td>20000.00</td><td><span class="label label-important">材料采购中</span></td></tr>
              </table>
  </div>
  <div class="tab-pane" id="messages">
     <table class="table table-hover table-bordered" id="contractTab">
                 <tr><th>采购单号</th><th>采购价格</th><th>产品描述</th><th>供货商</th><th>状态</th></tr>
                 <tr><td>0001</td><td>123131.00</td><td>水泵材料</td><td>上海404工作室</td><td><span class="label">待审批</span></td></tr>
                 <tr><td>0001</td><td>123131.00</td><td>水泵材料</td><td>上海404工作室</td><td><span class="label label-important">审核拒绝</span></td></tr>
                 <tr><td>0002</td><td>234234.00</td><td>机器人材料</td><td>上海404工作室</td><td><span class="label label-info">待付款</span></td></tr>
                 <tr><td>0003</td><td>234234.00</td><td>机器人材料2</td><td>上海404工作室</td><td><span class="label label-warning">待收货</span></td></tr>
                 <tr><td>0004</td><td>234234.00</td><td>机器人材料3</td><td>上海404工作室</td><td><span class="label label-success">确认收货</span></td></tr>
              </table>
  </div>
  <div class="tab-pane" id="settings">
     <table class="table table-hover table-bordered" id="contractTab">
                 <tr><th>合同总价：</th><td>2000000.00</td><th>成本合计：</th><td>1000000。00</td></tr>
                <tr><th>已收款：</th><td>15000000.00</td><th>应收款：</th><td>5000000.00</td></tr>
                 <tr><th colspan="4">收款进度</th></tr>
                 <tr><td colspan="4">
                   <div class="progress">
                     <div class="bar" style="width: 60%;"></div>
                    </div>                   
                 </td></tr>
                <tr><th colspan="4">成本明细</th></tr>
                 <tr><td>0001</td><td>123131.00</td><td>水泵材料</td><td>采购支出</td></tr>
                 <tr><td>0002</td><td>123112331.00</td><td>机器人材料2</td><td>采购支出</td></tr>
                 <tr><td>000123</td><td>45445.00</td><td>机器人材料5</td><td>库存消耗</td></tr>
                 <tr><td>000145</td><td>4544435.00</td><td>零部件</td><td>报销支出</td></tr>
                
              </table>
  </div>
</div>

    <div class="modal-footer text-center">
      <button class="btn " data-dismiss="modal" aria-hidden="true" >关闭</button>
    </div>
  </div>

<script>
  $(function () {
$('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})
  })
</script>

<div class="footer">
  <hr>
  <div>上海熠智流体控制设备有限公司&nbsp;&nbsp;版权所有</div>
  <div>Copyright By Shanghai Yizhi Flow Control Equipment Co., Ltd.</div>
</div>

</body>
</html>